<template>
  <div class="container">
    <!-- <img src="./img/bg.jpg" alt="/" /> -->
    <div class="left">
      <div>
        <router-link to="/encrypt/firstPage/encrypt">
          <el-button>加密文件</el-button>
        </router-link>
        
      </div>
    </div>
    <div class="right">
      <div>
        <router-link to="/encrypt/firstPage/decrypt">
          <el-button>解密文件</el-button>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FirstPage',
}
</script>

<style>
.container {
  height: 100%;
  width: 100%;
}

img {
  z-index: -1;
  width: 1300px;
  height: 80%;
}

.left {
  margin-left: 10%;
  margin-top: 20%;
  position: absolute;
}

.right {
  margin-left: 60%;
  margin-top: 20%;
  position: absolute;
}</style>